<div>
    <div class="row">
        <div class="col-md-1 padding-r-0">
            <vc:create path="community/selectAdminCommunity"></vc:create>
        </div>
        <div class="col-md-11">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="查询条件" namespace="adminOwner"></vc:i18n>
                    </h5>
                    <div class="ibox-tools" style="top:10px;">

                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <select class="custom-select" v-model.trim="adminOwnerInfo.conditions.personRole">
                                    <option selected value="">请选择人员角色</option>
                                    <option :value="item.statusCd"  v-for="(item,index) in adminOwnerInfo.personRoles">{{item.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <select class="custom-select" v-model.trim="adminOwnerInfo.conditions.personType">
                                    <option selected value="">请选择人员类型</option>
                                    <option value="P">个人</option>
                                    <option value="C">公司</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入客户名称','adminOwner')"
                                    v-model="adminOwnerInfo.conditions.name" class=" form-control">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('房屋编号 楼栋-单元-房屋','adminOwner')"
                                    v-model="adminOwnerInfo.conditions.roomName" class=" form-control">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="number" :placeholder="vc.i18n('请输入联系方式','adminOwner')"
                                    v-model="adminOwnerInfo.conditions.link" class=" form-control">
                            </div>
                        </div>
                        
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-primary btn-sm" v-on:click="_queryOwnerMethod()">
                                <vc:i18n name="查询" namespace="adminOwner"></vc:i18n>
                            </button>
                            <button type="button" class="btn btn-primary btn-sm" v-on:click="_resetOwnerMethod()">
                                <vc:i18n name="重置" namespace="adminOwner"></vc:i18n>
                            </button>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入业主身份证号','adminOwner')"
                                    v-model="adminOwnerInfo.conditions.idCard" class=" form-control">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ibox">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="业主信息" namespace="adminOwner"></vc:i18n>
                    </h5>
                    <div class="ibox-tools" style="top:10px;">

                    </div>
                </div>
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                            <tr>
                                <th class="text-center">
                                    <vc:i18n name="人脸" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="小区名称" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="客户名称" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="人员类型" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="人员角色" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="性别" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="证件号" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="联系手机" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="备用手机" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="地址" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="房屋数" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="业主成员" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="车辆数" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th data-hide="phone" class="text-center">
                                    <vc:i18n name="欠费" namespace="adminOwner"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="操作" namespace="adminOwner"></vc:i18n>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="owner in adminOwnerInfo.owners">
                        
                                <td class="text-center" style="white-space: nowrap;">
                                    <img style="width: 60px; height: 60px;" class="border-radius" v-if="owner.faceUrl"
                                        v-bind:src="owner.faceUrl" v-on:click="_viewOwnerFace(owner.faceUrl)" />
                                    <img style="width: 60px; height: 60px;" class="border-radius" v-else
                                        src="/img/noPhoto.jpg" />
                                </td>
                                <td class="text-center">
                                    {{owner.communityName}}
                                </td>
                                <td class="text-center">
                                    {{owner.name}}
                                    <div v-if="owner.personType == 'C'">
                                        {{owner.concactPerson}}
                                    </div>
                                </td>
                                <td class="text-center">
                                    {{owner.personTypeName}}
                                </td>
                                <td class="text-center">
                                    {{owner.personRoleName}}
                                </td>
                                <td class="text-center">
                                    {{owner.sex == 0 ? '男' : '女'}}
                                </td>
                                <td class="text-center">
                                    {{owner.idCard || '-'}}
                                </td>
                                <td class="text-center">
                                    {{owner.link}}
                                </td>
                                <td class="text-center">
                                    {{owner.concactLink || '-'}}
                                </td>
                                <td class="text-center">
                                    {{owner.address || '-'}}
                                </td>
                                <td class="text-center">
                                        {{owner.roomCount || 0}}
                                </td>
                                <td class="text-center">
                                        {{owner.memberCount || 0}}
                                </td>
                                <td class="text-center">
                                        {{owner.carCount || 0}}
                                </td>
                                <td class="text-center">
                                        {{owner.oweFee || '0.00'}}
                                </td>
                                <td class="text-center">
                                    <div class="btn-group">
                                        <button class="btn-white btn btn-xs " v-on:click="_toAdminOwnerDetail(owner)">
                                            <vc:i18n name="详情" namespace="adminOwner"></vc:i18n>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- 分页 -->
                    <vc:create path="frame/pagination"></vc:create>
                </div>

            </div>
        </div>
    </div>
    <vc:create path="common/viewImage"></vc:create>
</div>